<div class="col-sm-12 mt20">

    <div class="panel panel-default">
        <div class="panel-body" ng-keyup="myKeyup($event)">
            <div class="col-sm-2">
                <input type="text" class="form-control" placeholder="名称" ng-model="searchform.name">
            </div>
            <div class="col-sm-2">
                <input type="text" class="form-control" datepicker-popup="yyyy-MM-dd" ng-model="period_start.value" is-open="period_start.opened"
                    ng-click="dateOpen($event, period_start)" placeholder="开始时间" ng-required="true" close-text="关闭" current-text="今天"
                    clear-text="清除" readonly/>
            </div>
            <div class="col-sm-2">
                <input type="text" class="form-control" datepicker-popup="yyyy-MM-dd" ng-model="period_end.value" is-open="period_end.opened"
                    ng-click="dateOpen($event, period_end)" placeholder="结束时间" ng-required="true" close-text="关闭" current-text="今天"
                    clear-text="清除" readonly/>
            </div>
            <div class="col-sm-2">
                <!-- <input type="text" class="form-control" placeholder="卡面号" ng-model="searchform.smart_card_no"> -->
            </div>
            <div class="col-sm-2">
                <!-- <input type="text" class="form-control" placeholder="设备号" ng-model="searchform.device_code"> -->
                <button class="btn btn-success search btn-block" ng-click="info()">创建产品</button>
            </div>
            <div class="col-sm-2">
                <button class="btn btn-info search btn-block" ng-click="loadlist()">立即搜索</button>
            </div>
        </div>

        <div class="panel-body">
            <table class="table table-striped table-bordered dataTable table-condensed tree_table" style="table-layout:fixed">
                <thead>
                    <tr>
                        <th class="col-md-2 text-center">图片</th>
                        <th class="col-md-1 text-center">名称</th>
                        <th class="col-md-1 text-center">首映时间</th>
                        <th class="col-md-1 text-center">类型</th>
                        <th class="col-md-1 text-center">版本</th>
                        <th class="col-md-1 text-center">地区</th>
                        <th class="col-md-1 text-center">时长</th>
                        <th class="col-md-1 text-center">导演</th>
                        <th class="col-md-1 text-center">主演</th>
                        <th class="col-md-1 text-center">操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="movie in movieList">
                        <td class="text-center">
                            <img src="{{movie.img}}" alt="影院图片" width="180px" height="120px">
                        </td>
                        <td class="text-center">{{movie.name}}</td>
                        <td class="text-center">{{movie.shouyingshijian}}</td>
                        <td class="text-center">{{movie.leixing}}</td>
                        <td class="text-center">{{movie.banben}}</td>
                        <td class="text-center">{{movie.diqu}}</td>
                        <td class="text-center">{{movie.shichang}}</td>
                        <td class="text-center">{{movie.daoyan}}</td>
                        <td class="text-center">{{movie.zhuyan}}</td>
                        <td class="text-center">
                            <button type="button" class="btn btn-success btn-xs" ng-click="setUp(movie)" ng-if="movie.state != '1'">上架</button>
                            <button type="button" class="btn btn-warning btn-xs" ng-click="setDown(movie)" ng-if="movie.state == '1'">下架</button>
                            <button type="button" class="btn btn-info btn-xs" ng-click="info(movie)">编辑</button>
                            <button type="button" class="btn btn-danger btn-xs" ng-click="delete(movie)">删除</button>
                        </td>
                    </tr>
                    <tr ng-if="movieList.length == 0">
                        <td colspan="10" class="text-center">
                            没有数据
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>

        <div class="text-right" style="background-color: white; margin-right: 30px">
            <pagination total-items="totalItems" ng-model="currentPage" ng-change="loadlist()" previous-text="上一页" next-text="下一页" first-text="首页"
                last-text="尾页" max-size="5" boundary-links="true" rotate="false" items-per-page="itemsPerPage" class="m-t-none m-b"></pagination>
        </div>

    </div>
</div>